import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import LoginView from '@/views/LoginView.vue'
import CreaterView from '@/views/CreaterView.vue'
import MessageView from '@/views/MessageView.vue'
import UserCenterView from '@/views/UserCenterView.vue'
import PostDetailsView from '@/views/PostDetailsView.vue'

const router = createRouter({
	history: createWebHistory(import.meta.env.BASE_URL),
	routes: [
		{
			path: '/',
			name: 'home',
			component: HomeView,
		},
		{
			path: '/login',
			name: 'login',
			component: LoginView,
		},
		{
			path: '/details/:id',
			name: 'details',
			component: PostDetailsView,
		},
		{
			path: '/creater',
			name: 'creater',
			component: CreaterView,
		},
		{
			path: '/message',
			name: 'message',
			component: MessageView,
		},
		{
			path: '/userCenter',
			name: 'userCenter',
			component: UserCenterView,
		},
		{
			path: '/about',
			name: 'about',
			// route level code-splitting
			// this generates a separate chunk (About.[hash].js) for this route
			// which is lazy-loaded when the route is visited.
			component: () => import('../views/AboutView.vue'),
		},
	],
})

export default router
